<section>
  <p>
    <mat-form-field>
      <input matInput type="text" id="text-input" placeholder="Enter some text">
    </mat-form-field>
  </p>
  <p>
    <mat-form-field>
      <input matInput type="number" id="number-input" placeholder="Enter a number">
    </mat-form-field>
  </p>
  <p>
    <mat-form-field>
      <textarea matInput id="text-area" placeholder="Enter some text"></textarea>
    </mat-form-field>
  </p>
  <p>
    <mat-form-field>
      <textarea matInput cdkTextareaAutosize cdkAutosizeMaxRows="10" id="autosize-text-area"
                placeholder="Enter some text"></textarea>
    </mat-form-field>
  </p>
</section>
